import styled from 'styled-components'


export const One = styled.div`
   width:100%;
   background:#E6E6FA;
   height:100%;
   .two{
      width:100%;
      height:1rem;
      background:white;
      h3{
         float: left;
         font-size:.3rem;
         margin-left:.3rem;
         margin-top:.1rem;
      }
      .first{
         width:1.5rem;
         height:.3rem;
         background:red;
         display:flex;
         justify-content:center;
         line-height:.3rem;
         float: left;
         margin-left:-.59rem;
         margin-top:.55rem;
         span{
            color:white;
            font-size:.15rem;
         }
      }
      .imgbox{
         width:.8rem;
         height:.8rem;
         /* background:blue; */
         float: left;
         margin-left:1rem;
         margin-top:.1rem;
         border:1px;
         border-radius:.5rem;
         img{
            width:100%;
            height:100%;
            border:1px;
            border-radius:.5rem;
         }
      }
   }

   .three{
      width:100%;
      height:.9rem;
      background:white;
     
   ul{
      /* display:flex; */
      width:100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      text-align: center;;
      /* font-size:0.15rem; */
      /* line-height:1rem */
      li{
         display:flex;
         flex-direction:column;
         i{
            font-size:.3rem;
            /* line-height:1rem */
         }
         span{
            font-size:.15rem;
            /* line-height:.01rem; */
         }
      }
   }
  
   }
   .four{
      width:98%;
      height:.5rem;
      background:white;
      margin:1%;
      border:1px;
      border-radius:.10rem;
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:red
      }
   }

   .five{
      width:98%;
      height:.5rem;
      background:white;
      margin-left:1%;
      /* margin:1%; */
      margin-top:.1rem;
      border:1px;
      /* border-radius:.15rem,.15rem. */
      i{
         font-size:.2rem;
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.08rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:#ccc;
      }
   }

   .six{
      width:98%;
      height:.5rem;
      background:white;
      margin-left:1%;
      /* margin-top:.1rem; */
      i{
         font-size:.2rem;
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.08rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:#ccc;
      }
   }

   .seven{
      width:98%;
      height:.5rem;
      background:white;
      margin-left:1%;
      /* margin-top:.1rem; */
      i{
         font-size:.2rem;
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.08rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:#ccc;
      }
   }

   .eight{
      width:98%;
      height:.5rem;
      background:white;
      margin-left:1%;
      /* margin-top:.1rem; */
      i{
         font-size:.2rem;
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.08rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:#ccc;
      }
   }

   .nine{
      width:98%;
      height:.5rem;
      background:white;
      margin-left:1%;
      /* margin-top:.1rem; */
      i{
         font-size:.2rem;
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.08rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:#ccc;
      }
   }

   .ten{
      width:98%;
      height:.5rem;
      background:white;
      margin-left:1%;
      /* margin-top:.1rem; */
      i{
         font-size:.2rem;
         float: left;
         margin-left:.1rem;
         line-height:.5rem;
      }
      span{
         font-size:.16rem; 
         float: left;
         margin-left:.08rem;
         line-height:.5rem;
      }
      p{
         font-size:.15rem;
         float: left;
         margin-left:1rem;
         line-height:.5rem;
         color:#ccc;
      }
   }
`